html{
    background-image: url(../../res/imgs/bg.svg);
    background-size: 100% auto;
}

body{
        width: 560px;
    margin: auto;
}
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: "Roboto", sans-serif;
}

.regi-form,
.success-form,
.end-form {
    display: none;
}

.choice-form,
.regi-form,
.success-form,
.end-form {
    width: 320px;
    margin: auto;
}

.main {
    width: 560px;
    padding-top: 40px;
    margin-top: 70px;
    margin-bottom: 70px;
}

form p:last-child {
    margin-bottom: 20px;
}

.actor-title {
    height: 20px;
    margin-bottom: 100px;
    font-size: 15px;
}

#actor-show {
    color:orange;
    width: 320px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background-color: transparent;
    text-align: left;
    text-indent: -20px;
}

#dropdown1 > li > a {
    height: 40px;
    color: orange;
    line-height: 10px;
}

.dropdown-content li {
    min-height: 40px;
}

#choice {
    width: 320px;
    background-color: #EEEEEE;
    position: absolute;
    left: 0px;
    top: 38px;
    border: orange solid 1px;
    display: none;
    z-index: 5;
}

.actor-button {
    margin-top: 30px;
    display: inline-block;
}

#actor-cancel {
    margin-right: 14px;
}

#actor-cancel,
#actor-next {
    background-color: orange;
}

.actor-button > a {
    width: 153px;
    height: 40px;
    line-height: 40px;
}

.regi-login {
    font-size: 15px;
    height: 20px;
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}

/*
input[type=password]:focus:not([readonly]){
    border-bottom:1px solid black;
box-shadow: none;
}
input[type=text]:focus:not([readonly]){
        border-bottom:1px solid black;
box-shadow: none;
}*/

[type="checkbox"]:checked + label:before {
    border-right: 2px solid orange;
    border-bottom: 2px solid orange;
}

/*下面注册界面的css*/

.regi-a > input,
.regi-group > input {
    font-size: 20px;
    width: 320px;
    height: 38px;
    margin-bottom: 20px;
}

.input-field label {
    left: 0;
}

.regi-b {
    margin-top: 5px;
    margin-bottom: 20px;
}

#regi-conf {
    width: 320px;
    margin-bottom: 10px;
    height: 40px;
    background-color: #ff8f00;
    border: none;
    font-size: 17px;
}

/*下面是成功显示界面*/

.success-form > p {
    margin-bottom: 20px;
    text-align: center;
}

.success-back {
    display: block;
    margin-bottom: 40px;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff8f00;
    box-shadow: 0 1px 0 0 #ff8f00;
}

.input-field input[type=text]:focus + label {
    color: #ff8f00;
}

.input-field input[type=password]:focus + label {
    color: #ff8f00;
}

#code{
    width:211px;
}
.result {
    margin-top: -10px;
    margin-bottom: 20px;
    height: 7px;
    font-size: 7px;
    line-height: 10px;
    color: green;
}

img{
    margin-left: 5px;
    margin-bottom: -30px;
    border: 1px solid #ccc;
    display: inline-block;
}

#aaa:hover{
   background: transparent;
}

#actor-show{
    box-shadow: none;
    border-bottom: 1px solid gray;
}
#actor-show{
    background: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
    color:#9e9e9e;
    font-size:1rem;
    text-indent:-2em;
}
